<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title><?php echo WEBNAME; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="<?php echo ISHTTP; ?>cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="<?php echo ISHTTP;?>cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="<?php echo ISHTTP; ?>cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="panel panel-info">
            <div class="panel-heading text-center" style="background-color: rgba(81, 157, 195, 0.97); color: #fff;"><?php echo ROBOT_NAME; ?><botton style="float:right; color: #FFF;" href="" data-toggle="modal" data-target="#robotData"><span class="glyphicon glyphicon-user"></span></botton></div>
                <div class="panel-body" style="background-color: rgba(245, 245, 245, 0.19); border-color: rgba(81, 157, 195, 0.97);">
                    <div id="chat">
                    <!-- 通过AJAX动态加载 -->
                        <p class="content qipao robot-speech">哈喽!来自<?php echo ipPosition(getIP()) ? ipPosition(getIP()) : "火星";?>的朋友。我是<?php echo ROBOT_NAME;?>,有什么可以帮到您的吗？</p>
                    </div>
                    <hr style="margin: 12px 0px 12px 0px;"/>
                    <div class="input-group">
                        <input type="text" id="txt" class="form-control input-sm" placeholder="欢迎来找<?php echo ROBOT_NAME; ?>聊天">
                        <span class="input-group-btn">
                            <button id="imSpeech" style="padding: 0px 10px;" class="btn btn-default input-sm" type="button" onclick = "return imSpeech()" data-loading-text="Loading...">发送</button>
                        </span>
                    </div><!-- /input-group -->
                </div>
        </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="robotData" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    	<div class="modal-dialog">
    		<div class="modal-content">
    			<div class="modal-header">
    				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    				<h4 class="modal-title" id="myModalLabel"><b>机器人资料</b></h4>
    			</div>
    			<div class="modal-body">
    				<?php echo ROBOT_FUN;?>
    			</div>
    			<div class="modal-footer">
    				<button type="button" class="btn btn-primary text-center btn-block" data-dismiss="modal">好的</button>
    				<!-- <button type="button" class="btn btn-primary">提交</button> -->
    			</div>
    		</div><!-- /.modal-content -->
    	</div><!-- /.modal -->
    </div>
<script src="js/script.min.js"></script>
</body>
</html>